<template>
    <div class="item-line">
        <span>{{ name }}</span>
    </div>
</template>
<script>
export default {
    props:{
        name:{
            type:String,
            required:true
        }
    }
}
</script>
<style lang="less" scoped>
.item-line{
    background-image: url("../assets/line.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    text-align: center;
    margin: 30px 0px 20px;
    >span{
        font-size: 32px;
        line-height: 32px;
        font-weight: bold;
    }
    
}
</style>
